<!DOCTYPE html>
<html lang="zh-Hans">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">

    <link rel="stylesheet" href="../css/index.css" />
</head>

<body>

    <h1>CSS 内边距</h1>

    <h2>参考链接</h2>
    <ul>
        <li><a target="_blank" href="https://www.w3school.com.cn/css/css_padding.asp">CSS 内边距</a></li>
    </ul>

    <h2>摘抄</h2>
    <p>CSS padding 属性定义元素的内边距。padding 属性接受长度值或百分比值，但不允许使用负值。</p>

    <h2>可能取值</h2>
    <ul>
        <li><strong>length</strong>	使用 px 等单位定义长度。</li>
        <li><strong>%</strong> 使用百分比定义长度。百分数值是相对于其父元素的 width 计算的，这一点与外边距一样。所以，如果父元素的 width 改变，它们也会改变。</li>
    </ul>


    <h2>单边内边距属性</h2>

    <ul>
        <li><strong>padding-top</strong> 上内边距</li>
        <li><strong>padding-right</strong> 右内边距</li>
        <li><strong>padding-bottom</strong> 下内边距</li>
        <li><strong>padding-left</strong> 左内边距</li>
    </ul>
</body>

</html>